<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BOM--浏览器对象模型（Browser Object Model）</title>
</head>

<body>
<h2>BOM--浏览器对象模型（Browser Object Model）</h2>

<script type="text/javascript">
//window对象关系属性：
/*[获取窗口据左侧的位置][获取窗口据顶部的位置]:
//IE： 
    alert(window.screenLeft); // -8
    alert(window.screenTop);  // -8 
//Mozilla(FireFox):
    alert(window.screenX +"\n"+ window.screenY); // -8 -8
*/

/*获取浏览器视口、窗口自身大小：
//IE标准: 
    alert(document.body.offsetWidth +"\n"+ document.body.offsetHeight); //IE提供的查询视口大小的属性
//Mozilla标准:
    alert(window.innerWidth +"\n"+ window.innerHeight); //视口大小          1325 549
    alert(window.outerWidth +"\n"+ window.outerHeight); //窗口自身大小  1382 744 
*/

/*window对象的方法：*/
  //1、窗体控制：
    //window.moveBy(100,100); //[x,y](相对于当前位置移动,可为负数)页面加载时窗口向右向下分别移动100px；
    //window.moveTo(100,100); //[x,y](相对于屏幕左上角位置,移动到指定坐标)
    //window.resizeBy(50,50); //[x,y](相对于当前浏览器大小变化,可为负数)
    //window.resizeTo(500,500);//[x,y](将浏览器宽高均设为500px)
    
  //2、窗口滚动条控制：
    //window.scrollBy(10,20); //[x,y](相对滚动条当前位置,向右移动10px,向下移动20px)
    //window.scrollTo(10,20); //[x,y](将滚动条移动到距左10px,距右20px的位置)

  //3、窗体焦点控制：（试验无效果，需要改变浏览器设置）
    //window.blur(); //使浏览器失去焦点（IE中执行时，隐藏浏览器）
    //window.onfocus(); //使浏览器获得焦点
    
  //4、新建窗体：
    //open()——打开(弹出)一个新的窗体
    //close()——关闭窗体
    //opener属性——新建窗体中对父窗体的引用，中文"开启者"的意思
   //window.open(url,name,features,replace); [链接地址,新窗口名称,新窗口特性,]
    
    
    
    
    
    
    
    
